/*全局样式 s*/
*{
	font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;

}

.red{
	color: red;
}

.fg{
	color: #8D8D8D;
}

a{
	text-decoration: none;
}

/*全局样式 e*/

/*头部*/
.header{
	border-bottom: 1px solid #F7F7F7;
	
}

.tab_header{
	position: fixed;
	z-index: 13;
	background: white;

}


.header span{
	font: 16px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
}

/*去掉tab下划线的默认样式*/
.hui-tab-active{
	border-top:3px solid red !important;
	border-bottom:none !important;
}

/*tab滑动时字体变红色*/
.hui-tab-active{
	color: red;
}

/*评价*/
.hui-tab-active .pingjia{
	color: red;
	font-weight: bold;
}

/*轮播图 s*/
#swipe{
	/*border: 1px solid red;*/
	width: 100%;
	height: 20rem;
}

#swipe .hui-swipe-item{
	width: 100%;
	height: 100%;
}
#swipe .hui-swipe-item img{
	width: 100%;
	height: 100%;
}



.hui-swipe-pre{
	width: 100%;
	height: 100%;
}

.hui-swipe-pre img{
	width: 100%;
	height: 100%;
}

/*轮播图 e*/

/*商品简单描述 s*/
.simple_desc{
	width: 100%;
	/*height: 8rem;
	border: 1px solid red;*/
	margin-top: 10px;
	
}

.box{
	display: block;
	width: 96%;
	margin: 0;
	padding: 0;
	margin: 0 auto;
	/*border: 1px solid black;*/
}

.box .desc{
	line-height: 14px;
		font: 13px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;

}

/*当前价格*/
.box .price{
	color: red;
}

/*原价格*/
.box .del_price{
	color: #8D8D8D;
}
/*原价格*/
.box .del{
	color: #A9A9A9;
	font-family: "新宋体";
}

/*快递、销量、地区*/
.box .desc_bottom{
	width: 100%;
	display: flex;
	/*border: 1px solid blue;*/
	justify-content: space-between;
	
}

.desc_bottom .express,.desc_bottom .sell_num,.desc_bottom .jian,.desc_bottom .diqu{
	color: #8D8D8D;
}
.desc_bottom .express_pirce,.desc_bottom .num,.express_pirce2{
	color: #A9A9A9;
	font-family: "新宋体";
}

.padding{
	height: 10px;
	background: #F4F4F4;
}


/*商品简单描述 e*/

/*购物券 s*/
.shop_juan{
	width: 100%;
}

.shop_juan .shop_box{
	display: flex;
	align-items: center;
	height: 6rem;
	width: 96%;
	/*border: 1px solid red;*/
	margin: 0 auto;
	border-bottom: 1px solid #EAEAEA;
}
.shop_juan .con{
	width: 100%;
	height: 3.5rem;
	display: flex;
	/*border: 1px solid black;*/
}

.con .title{
	width: 60%;
	/*border: 1px solid blue;*/
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.con .title div span:nth-of-type(1){
	background: red;
	color: white;
	padding-left: 5px;
	padding-right: 8px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}

.con .title div span:nth-of-type(2){
	display: inline-block;
	margin-left: 6px;
}
	


/*领取*/
.con .get{
	width: 40%;
	/*border: 1px solid orangered;*/
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.get div{
	width: 25%;
	border: 1px solid #8D8D8D;
	text-align: center;
	
}

.get div span{
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*购物券 e*/


/*积分和促销简介 s*/
.point_desc{
	width: 100%;
	/*border: 1px solid red;*/
}

.point_desc .point_desc_box{
	display: flex;
	align-items: center;
	height: 6rem;
	width: 96%;
	/*border: 1px solid red;*/
	margin: 0 auto;
	border-bottom: 1px solid #EAEAEA;
}

.point_desc_box .point_con{
	width: 100%;
	height:4rem;
	display: flex;
	/*border: 1px solid black;*/
}

/*左边的描述*/
.point_con .title{
	width: 60%;
	/*border: 1px solid blue;*/
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.point_con .title div span:nth-of-type(1){
	border: 1px solid red;
	color: red;
	padding-left: 5px;
	padding-right: 5px;
}

.point_con .title div span:nth-of-type(2){
	display: inline-block;
	margin-left: 6px;
}


/*了解更多*/
.point_con .how{
	width: 40%;
	/*border: 1px solid orangered;*/
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.how div{
	width: 25%;
	/*border: 1px solid #8D8D8D;*/
	text-align: right;
	
}

.how div span{
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #A5A5A5;
	font-size: 20px;
}

/*积分和促销简介 e*/


/*基本服务描述 s*/
.server{
	width: 100%;
	/*border: 1px solid red;*/
}

.server .server_desc_box{
	display: flex;
	align-items: center;
	height: 5rem;
	width: 96%;
	/*border: 1px solid red;*/
	margin: 0 auto;
	/*border-bottom: 1px solid #EAEAEA;*/
}

.server_desc_box .server_con{
	width: 100%;
	height: 2rem;
	display: flex;
	/*border: 1px solid black;*/
}


/*左边的描述*/
.server_con .title{
	width: 80%;
	/*border: 1px solid blue;*/
	display: flex;
}

/*了解更多*/
.server_con .how{
	width: 40%;
	/*border: 1px solid orangered;*/
	display: flex;
	justify-content: flex-end;
	align-items: center;
}


/*基本服务描述 e*/


/*规格 s*/
.guige{
	width: 100%;
	height: 5rem;
	background: #F4F4F4;
	display: flex;
	align-items: center;
}

.guige .guige_desc_box{
	width: 100%;
	height: 4rem;
	background: white;
	display: flex;
	align-items: center;
}

.guige .guige_desc_box .con{
	width: 96%;
	/*border: 1px solid blue;*/
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}

.guige .guige_desc_box .title{
	/*border: 1px solid red;*/
	width: 80%;
	
}

.guige .guige_desc_box .title span{
	font: 15px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;

} 

.guige .guige_desc_box .more{
	/*border: 1px solid red;*/
	width: 10%;
	text-align: right;
	
}

.guige .guige_desc_box .more span{
	letter-spacing: 1px;
	color: #A5A5A5;
	font-size: 20px;
	
}


/*规格 e*/

/*商店 s-*/
.store{
	width: 100%;
	background: white;
	border-bottom: 5px solid #F4F4F4;
}

.store .con{
	width: 96%;
	margin:  10px auto;
	/*border: 1px solid red;*/
}

/*头像和 店名*/
.store .con .store_name_img{
	width: 100%;
	
	/*border: 1px solid black;*/
	display: flex;
}

.store_name_img .store_name{
	margin-left: 10px;
}

.store .con .store_name_img .store_img{
	width: 5rem;
	height: 5rem;
}

.store .con .store_name_img .store_img img{
	width: 100%;
	height: 100%;
}

.store .con .store_name_img .store_name span{
	font-size: 16px;
}


/*评价*/
.pj{
	width: 100%;
	height: 3rem;
	/*border: 1px solid brown;*/
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.goStore{
	width: 100%;
	height: 5rem;
	/*border: 1px solid blueviolet;*/
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.goStore .all_shop{
	width: 48%;
	border: 1px solid #C6C6C6;
	border-radius: 5px;
}

.goStore .all_shop a{
	text-decoration: none;
	
	display: block;
	width:100%;
	height: 4rem;
	
	display: flex;
	align-items: center;
	
	
}

.goStore .all_shop a span{
	display: inline-block;
	margin: 0 auto;
}

.goStore .go{
	width: 48%;
	border: 1px solid #C6C6C6;
	border-radius: 5px;
}

.goStore .go  a{
	text-decoration: none;
	
	
	display: block;
	width:100%;
	height: 4rem;
	display: flex;
	align-items: center;
}

.goStore .go  a span{
	display: inline-block;
	margin: 0 auto;
}



/*商店 e-*/



/*最低部菜单 s*/
.list_btm{
	width: 100%;
	border-bottom: 1px solid #E2E2E2;
	border-top: 1px solid #E2E2E2;
	position: fixed;
	left: 0;
	bottom: -1px;
	height: 4rem;
	z-index: 20;
	display: flex;
	background: white;
}

.list_btm .left{
	width: 45%;
	height: 100;
	/*border: 1px solid red;*/
	display: flex;
	border-bottom: 1px solid #F3F3F3;
}
.list_btm .left div{
	width: 34%;
	height: 100%;
	border-right: 1px solid #F3F3F3;
	/*border: 1px solid blue;*/
}

.list_btm .left div a{
	display: block;
	width: 100%;
	height: 100%;
} 

/*客服*/
.customer{
}

.list_btm .left .customer .txt{
	width: 100%;
	height: 100%;
	/*border: 1px solid black;*/
	display: flex;
	flex-direction: column;
}

.customer span:nth-of-type(1){
	font-size: 16px;
	display: block;
	text-align: center;
	color: #658AC2;
	margin: 0;
	padding: 0;
	margin-top: 5px;
}

.customer span:nth-of-type(2){
	font-size: 10px;
	display: block;
	text-align: center;
	color: #B6B6B6;
	padding: 0;
	margin-top: -5px;
	
}

/*进店*/
.list_btm .left .go_store .txt{
	width: 100%;
	height: 100%;
	/*border: 1px solid black;*/
	display: flex;
	flex-direction: column;
} 

.go_store span:nth-of-type(1){
	font-size: 16px;
	display: block;
	text-align: center;
	color: #5C5C63;
	margin: 0;
	padding: 0;
	margin-top: 5px;
}

.go_store span:nth-of-type(2){
	font-size: 10px;
	display: block;
	text-align: center;
	color: #B6B6B6;
	padding: 0;
	margin-top: -5px;
	
}


/*收藏*/
.list_btm .left .collect .txt{
	width: 100%;
	height: 100%;
	/*border: 1px solid black;*/
	display: flex;
	flex-direction: column;
} 

.collect span:nth-of-type(1){
	font-size: 16px;
	display: block;
	text-align: center;
	color: #5E5D61;
	margin: 0;
	padding: 0;
	margin-top: 5px;
}

.collect span:nth-of-type(2){
	font-size: 10px;
	display: block;
	text-align: center;
	color: #B6B6B6;
	padding: 0;
	margin-top: -5px;
	
}


.list_btm .right{
	width: 55%;
	height: 100%;
	/*border: 1px solid black;*/
	display: flex;
}

.list_btm .right div{
	width: 50%;
	height: 100%;
	
}

.list_btm .right div span{
	color: white;
	font-size: 14px;
	display: block;
	margin: auto;
}

.list_btm .right .list_shopcar{
	background: #FF9502;
	display: flex;
}

.list_btm .right .list_buy{
	background: #DD2726;
	
}

.list_btm .right .list_buy a{
	width: 100%;
	height: 100%;
	display: block;
	display: flex;
}





/*最低部菜单 e*/





/*-----------------------------------------------------*/



/*底部隐藏优惠券 s*/
.juan_bottom{
	width: 100%;
	height: 65%;
	/*border: 1px solid red;*/
	background: white;
	position: fixed;
	bottom: -105%;
	left: 0;
	transition: 0.5s;
	z-index: 21;
}

.juan_bottom .items{
	width: 100%;
	height: 100%;
	/*border: 1px solid black;*/
	margin-top: 10px;
	/*overflow-y: auto;*/
	
}



/*优惠券标题*/
.juan_bottom .items h3{
	text-align: center;
	margin-bottom: 10px;
}

/*优惠券item*/
.juan_bottom .items .item{
	width: 92%;
	height: 30%;
	/*border: 1px solid blue;*/
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

/*每个优惠券的左边内容 s*/
.items .item .left{
	width: 60%;
	height: 100%;
	background: #FFF1F1;
	border-radius: 10px;
	display: flex;
	align-items: center;
	border-right: 1px dashed #F0DDDF;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.juan_bottom .items .item .left .con{
	width: 90%;
	height: 90%;
	/*border: 1px solid red;*/
	margin: 0 auto;
	display: flex;
	align-items: center;
}


.juan_bottom .items .item .left .one p{
	color: #DD2726;
}

.juan_bottom .items .item .left .con span{
	color: #DD2726;
}

.juan_price{
	display: inline-block;
	color: #DD2726;
	
}
/*每个优惠券的左边内容 e*/


/*每个优惠券的右边内容 s*/
.items .item .right{
	width: 40%;
	height: 100%;
	background: #FFF1F1;
	border-radius: 10px;
	display: flex;
	align-items: center;
	border-left: 1px dashed #F0DDDF;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	
}

.items .item .right .lingjuan{
	margin: 0 auto;
	/*border: 1px solid black;*/
	font: 14px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
	
}

.items .item .right .lingjuan span{
	color: #DD2726;
}

/*每个优惠券的右边内容 e*/

/*完成按钮*/
.j_btn{
	width: 100%;
	height: 13%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: red;
	display: flex;
	align-items: center;
}

.j_btn span{
	display: inline-block;
	color: white;
	margin: 0 auto;
	font-size: 14px;
}


/*底部隐藏优惠券 e*/

/*----------------------------------------------------------*/

/*底部隐藏促销打折 s*/
.dazhe{
	width: 100%;
	height: 65%;
	/*border: 1px solid red;*/
	background: white;
	position: fixed;
	bottom: -105%;
	/*bottom: 10%;*/
	left: 0;
	transition: 0.5s;
	z-index: 21;
}

.dazhe .dz_items{
	width: 96%;
	/*border: 1px solid red;*/
	margin:  0 auto;
}

.dazhe .dz_items .item{
	padding-bottom: 15px;
	margin-top: 12px;
	display: flex;
	border-bottom: 1px solid #C9C9C9;
}

.dazhe .dz_items .item:nth-last-of-type(1) {
	border-bottom:none;
}

.dazhe .dz_items .item:nth-last-of-type(2) {
	border-bottom:none;
}




.dazhe .dz_items .item .xc_bor{
	border: 1px solid red;
	padding-left: 2px;
	padding-right: 2px;
	display: inline-block;
}

.dazhe .dz_items .cx_content{
	display: inline-block;
	display: flex;
	flex-direction: column;
	margin-left: 5px;
}

.dazhe .dz_items .cx_content span:nth-of-type(1){
	font-size: 14px;
}

.dazhe .dz_items .cx_content span:nth-of-type(2){
	color: #A5A5A5;
}
/*底部隐藏促销打折 e*/


/*---------------------------------------------------------*/

/*底部隐藏基础服务 s*/
.btm_server{
	width: 100%;
	height: 65%;
	/*border: 1px solid red;*/
	background: white;
	position: fixed;
	bottom: -105%;
	/*bottom: 10%;*/
	left: 0;
	transition: 0.5s;
	z-index: 21;
}

.btm_server .ser_items{ 
	width: 96%;
	height: 100%;
	/*border: 1px solid red;*/
	margin:  20px auto;
	overflow: auto;
}

/*优惠券标题*/
.btm_server .ser_items h3{
	text-align: center;
	margin-bottom: 10px;
}

.btm_server .ser_items .item{
	padding-bottom: 15px;
}

.btm_server .ser_items .item p{
	padding: 0;
	margin: 2px;
	font-size: 14px;
}

.btm_server .ser_items .item span{
	color: #A5A5A5;
}
/*底部隐藏基础服务 e*/

/*---------------------------------------------------------*/


/*底部隐藏规格 s*/
.btn_guige{
	width: 100%;
	height: 70%;
	/*border: 1px solid red;*/
	background: white;
	position: fixed;
	bottom: -105%;
	/*bottom: 10%;*/
	left: 0;
	transition: 0.5s;
	z-index: 21;
}

.btn_guige .guige_box{
	width: 96%;
	height: 100%;
	/*border: 1px solid black;*/
	margin: 0 auto;
}
.btn_guige .guige_box .box_title{
	width: 100%;
	height: 9rem;
	/*border: 1px solid blue;*/
	position: relative;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #E0E0E0;
}

.guige_box .box_title .product_img{
	width: 7rem;
	height: 7rem;
}

.guige_box .box_title .product_img img{
	width: 100%;
	height: 100%;
	
} 

.guige_box .box_title .product_xq{
	/*border: 1px solid red;*/
	width: 60%;
	margin: 5px auto;
	
}

.guige_box .box_title .product_xq p{
	margin: 0;
}

.guige_box .box_title .product_xq p:nth-child(1){
	color: red;
	font-size: 14px;
}


/*规格选择区域 */

.guige_select_box{
	margin: 5px 0 5px 0 ;
}

.s_a_box .guige_select_box:nth-last-of-type(1){
	border-bottom: 1px solid #E0E0E0;
	padding-bottom: 5px;
	margin-top: 10px;
}

.select_area{
	width: 100%;
	height: 80%;
	/*border: 1px solid royalblue;*/
	margin-top: 5px;
	/*overflow-y: auto;*/
}

.select_area span{
	color: #919191;
}

.select_area .g_select{
	margin-top: 5px;
}

.g_select p{
	border: 1px solid #E0E0E0;
	display: inline-block;
	padding: 8px 8px;
	margin-bottom: 15px;
	margin-right: 10px;
	
	
}

.guige_select_box .guige_pimg{
	
	width: 2rem;
	height: 2rem;
}

.guige_select_box .guige_pimg img{
	width: 100%;
	height: 100%;
}

.select_area .num{
	margin-top: 8px;
}




/*购买 和 购物车 */
.guige_btn{
	width: 100%;
	height: 13%;
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
}

.guige_btn div{
	width: 50%;
	height: 100%;
}

.guige_btn .shop_car{
	background: #FF9501;
	display: flex;
	
}
.guige_btn .shop_car span{
	color: white;
	font-size: 14px;
	display: inline-block;
	margin: auto;
}

.guige_btn .buy{
	background: #DD2726;
	display: flex;
}

.guige_btn .buy a{
	color: white;
	font-size: 14px;
	text-decoration: none;
	margin: auto;
}


/*底部隐藏规格 e*/


/*---------------------------------------------------------*/










/*最底部效果 s*/
.botton_xg{
	height:7rem;
	text-align: center;
	margin-top: 10px;	
}

.botton_xg span{
	font: 10px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
	color: #A5A5A5;
}

/*最底部效果 e*/


/*购物车 s*/
.car{
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 15%;
	left: 10px;
	z-index: 100;	
	background: black;
	border-radius: 50%;
	opacity:0.5;
	display: flex;
	align-items: center;
}

.car img{
	width:24px;
	height:24px;
	display: block;
	margin-left:7px;
}

/*购物车 e*/





/*商品详情 s*/
.produce_xq{
	overflow: auto;
}

.produce_xq img{
	width: 94%;
	height: 23rem;
	display: block;
	margin: 3px auto;
	
}

/*商品详情 e*/







